body {
    background-color: var(--themeColor);
}

.main {
    padding-top: .88rem;

    .top {
        background-color: var(--ff);
        padding: .56rem 0;
        border-radius: .20rem;

        .text {
            font-weight: 400;
            font-size: .24rem;
            color: var(--c9);
        }

        .total {
            font-weight: bold;
            font-size: .46rem;
            color: var(--dcl);
            margin-top: .26rem;
        }

        .front:before {
            content: '￥';
            font-size: .3rem;
        }
    }


    .record {
        background-color: var(--ff);

        .title {
            font-weight: 500;
            font-size: .30rem;
            color: var(--dcl);
            border-bottom: 1px solid var(--f6);
        }

        .item {
            border-bottom: 1px solid var(--f6);


            .default {
                font-weight: 400;
                font-size: .30rem;
                color: var(--dcl);
            }

            .gray {
                font-weight: 400;
                font-size: .22rem;
                color: var(--c9);
            }
        }

        .item:last-child {
            border-bottom: none;
        }

    }
}